<?php defined('IN_PHPCMS') or exit('No permission resources.'); ?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title><?php if(isset($SEO['title']) && !empty($SEO['title'])) { ?><?php echo $SEO['title'];?><?php } ?><?php echo $SEO['site_title'];?></title>
<meta name="keywords" content="<?php echo $SEO['keyword'];?>">
<meta name="description" content="<?php echo $SEO['description'];?>">
<link href="<?php echo HOME_PATH;?>css/style.css" rel="stylesheet" type="text/css" />
<link href="<?php echo HOME_PATH;?>css/media.css" rel="stylesheet" type="text/css">
<link href="<?php echo HOME_PATH;?>css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?php echo HOME_PATH;?>css/font-awesome.min.css">
<link rel="stylesheet" href="<?php echo HOME_PATH;?>css/animate.min.css">
<link rel="stylesheet" type="text/css" href="<?php echo HOME_PATH;?>css/idangerous.swiper.css">
<script type="text/javascript" src="<?php echo HOME_PATH;?>js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_PATH;?>js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_PATH;?>js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="<?php echo HOME_PATH;?>js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="<?php echo HOME_PATH;?>js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain">
  <?php include template("content","header"); ?>
  <?php include template("content","top"); ?>
  <section class="met_section"> <?php include template("content","left"); ?>
    <script data-cfasync="false" src="<?php echo HOME_PATH;?>js/email-decode.min.js"></script> 
    <script type="text/javascript" src="<?php echo HOME_PATH;?>js/jquery.imagezoom.min.js"></script>
    <article>
      <div class="met_article">
        <section class="met_article_head">
          <h1><?php echo $CATEGORYS[$catid]['catname'];?> </h1>
        </section>
        <div class="met_clear"></div>
        <div class="showpro">
          <div class="box"> 
          	<?php $n=1; if(is_array($pictureurls)) foreach($pictureurls AS $pic_k => $r) { ?>
          	<?
          		$i++;
          		if($i==1){
          	?>
            <div class="tb-booth tb-pic tb-s310"><a href="<?php echo thumb($r[url], 100, 137, 0);?>"><img src="<?php echo thumb($r[url], 100, 137, 0);?>" alt="<?php echo $title;?>" rel="<?php echo thumb($r[url], 100, 137, 0);?>" class="jqzoom" style="max-width:370px; max-height:370px;"/></a></div>
            <? }?>
            <?php $n++;}unset($n); ?>
            <ul class="tb-thumb" id="thumblist">
              <?php $n=1; if(is_array($pictureurls)) foreach($pictureurls AS $pic_k => $r) { ?>
              <li>
                <div class="tb-pic tb-s40"><a href="javascript:void(0)"><img src="<?php echo thumb($r[url], 100, 137, 0);?>" mid="<?php echo thumb($r[url], 100, 137, 0);?>" big="<?php echo thumb($r[url], 100, 137, 0);?>" style="max-width:60px; max-height:60px;"></a></div>
              </li>
              <?php $n++;}unset($n); ?>
            </ul>
          </div>
          <script type="text/javascript">
                $(document).ready(function(){
                  $(".jqzoom").imagezoom();
                  $("#thumblist li a").hover(function(){
                    $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
                    $(".jqzoom").attr('src',$(this).find("img").attr("mid"));
                    $(".jqzoom").attr('rel',$(this).find("img").attr("big"));
                  });

                });
              </script>
          <div class="showprojj" > 
            <!-- showpro left -->
            <div class="showproleft">
              <div class="title"><?php echo $title;?></div>
              <div class="blank20"></div>
              <div class="jj"> <?php echo $description;?> </div>
              <a class="advisory" href='https://wpa.qq.com/msgrd?v=3&uin=<?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"block\" data=\"op=block&tag_md5=a2c077125328dc32f7b655560b591928&pos=qq\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">添加碎片</a>";}$block_tag = pc_base::load_app_class('block_tag', 'block');echo $block_tag->pc_tag(array('pos'=>'qq',));?><?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>&site=qq&menu=yes' target="_blank">在线咨询</a> </div>
            <div class="clean"></div>
          </div>
        </div>
        <div class="clean"></div>
        <div class="blank25"></div>
        <!-- detail -->
        <div class="slideTxtBox">
          <div class="hd"> <span class="arrow"><a class="next"></a><a class="prev"></a></span>
            <ul>
              <li class="on">产品详情</li>
            </ul>
          </div>
          <div class="bd">
            <ul>
              <?php echo $content;?>
            </ul>
          </div>
        </div>
        <script>
                jQuery(".slideTxtBox").slide();
              </script>
        <div class="met_clear"></div>
      </div>
    </article>
    <div class="met_clear"></div>
  </section>
  <div class="xgcase">
    <div class="content">
      <div class="lmtit">
        <div class="cn">应用案例推荐</div>
        <div class="en">RECOMMENDED CASES</div>
      </div>
      <div class="xgcasenr">
        <div class="bd">
          <ul>
            <?php if(defined('IN_ADMIN')  && !defined('HTML')) {echo "<div class=\"admin_piao\" pc_action=\"content\" data=\"op=content&tag_md5=83e86dbe8e634be99f241427bdc4f45f&action=lists&catid=%24catid&num=20&order=id+DESC&page=%24page\"><a href=\"javascript:void(0)\" class=\"admin_piao_edit\">编辑</a>";}$content_tag = pc_base::load_app_class("content_tag", "content");if (method_exists($content_tag, 'lists')) {$pagesize = 20;$page = intval($page) ? intval($page) : 1;if($page<=0){$page=1;}$offset = ($page - 1) * $pagesize;$content_total = $content_tag->count(array('catid'=>$catid,'order'=>'id DESC','limit'=>$offset.",".$pagesize,'action'=>'lists',));$pages = pages($content_total, $page, $pagesize, $urlrule);$data = $content_tag->lists(array('catid'=>$catid,'order'=>'id DESC','limit'=>$offset.",".$pagesize,'action'=>'lists',));}?>
            <?php $n=1;if(is_array($data)) foreach($data AS $r) { ?>
            <li><a href="<?php echo $r['url'];?>">
              <div class="pic"><img src="<?php echo thumb($r[thumb],300,300);?>" alt="<?php echo $r['title'];?>" class="tupian" loadwidth="915" loadheight="540"></div>
              <div class="tit"><?php echo str_cut($r[title],28);?></div>
              </a></li>
             <?php $n++;}unset($n); ?>
            <?php if(defined('IN_ADMIN') && !defined('HTML')) {echo '</div>';}?>
          </ul>
        </div>
        <a href="javascript:void(0);" class="prev"><i class="fa fa-angle-left"></i></a> <a href="javascript:void(0);" class="next"><i class="fa fa-angle-right"></i></a>
        <div class="clean"></div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
        if ($(window).width() <=850) { var nynavgs= 2 }else{ var nynavgs= 4 }
        jQuery(".xgcasenr").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:nynavgs});
    </script> 
  <?php include template("content","footer"); ?> </div>
</body>
</html>